<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../../../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/style.css" />
	<link id="white" rel="stylesheet" type="text/css" href="../../../css/whiteSkin.css" />
	<style>
		.mui-bar-nav~.mui-content .mui-slider.mui-fullscreen{top: 64px;height: auto;}
			.mui-slider-indicator.mui-segmented-control{ box-shadow: 0 1px 3px rgba(0, 0, 0, .04)}
			.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active em{ position: relative; top: -3px;}
			.lxztTab{ width: 100%!important; display: flex; justify-content: space-around;}
		</style>
</head>

<body>
	<header class="mui-bar mui-bar-nav bxn">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">遴选真题</h1>
		<a onclick="open_shaixuan();" class="mui-icon mui-icon-filter mui-pull-right icon_filter"></a>
	</header>

	<div id="list_box">
		<div class="fixNews getHeight">
			<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted news_tab_tt">
				<a tab-index='1' @tap="select_tab($event)" :class="(tabIndex == '1') ? 'active' : ''">笔试真题<em></em></a>
				<a tab-index='2' @tap="select_tab($event)" :class="(tabIndex == '2') ? 'active' : ''">面试真题<em></em></a>
				<a tab-index='3' @tap="select_tab($event)" :class="(tabIndex == '3') ? 'active' : ''">笔试答案<em></em></a>
				<a tab-index='4' @tap="select_tab($event)" :class="(tabIndex == '4') ? 'active' : ''">面试答案<em></em></a>
			</div>
		</div>
		<div id="scroll" class="mui-scroll-wrapper">
			<div class="mui-scroll">
				
				<p class="userDownData" v-show="downData == 1">{{downText}}</p>
				<div class="mui-slider-group">
					<transition name="questionfade" mode="out-in">
						<div v-show="tabIndex == 1">
							<div class="news_box newsMargin bdn">
								<div class="news_nr">
									<ul class="mui-table-view">
										<li class="mui-table-view-cell" v-for="val in bishi_list.settop" @tap="open_details(val.id)">
											<h4>{{val.title}}</h4>
											<p class="time"><span class="icon_top">置顶</span>{{val.updatetime}}</p>
										</li>
										<li class="mui-table-view-cell" v-for="val in bishi_list.text" @tap="open_details(val.id)">
											<h4>{{val.title}}</h4>
											<p class="time">{{val.updatetime}}</p>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</transition>
					<transition name="questionfade" mode="out-in">
						<div v-show="tabIndex == 2">
							<div class="news_box newsMargin bdn">
								<div class="news_nr lxzt">
									<ul class="mui-table-view">
										<li class="mui-table-view-cell" v-for="val in mianshi_list.settop" @tap="open_details(val.id)">
											<h4>{{val.title}}</h4>
											<p class="time"><span class="icon_top">置顶</span>{{val.updatetime}}</p>
										</li>
										<li class="mui-table-view-cell" v-for="val in mianshi_list.text" @tap="open_details(val.id)">
											<h4>{{val.title}}</h4>
											<p class="time">{{val.updatetime}}</p>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</transition>

					<transition name="questionfade" mode="out-in">
						<div v-show="tabIndex == 3">
							<div class="news_box newsMargin bdn">
								<div class="news_nr">
									<ul class="mui-table-view">
										<li class="mui-table-view-cell" v-for="val in bsanswer_list.settop" @tap="open_details(val.id)">
											<h4>{{val.title}}</h4>
											<p class="time"><span class="icon_top">置顶</span>{{val.updatetime}}</p>
										</li>
										<li class="mui-table-view-cell" v-for="val in bsanswer_list.text" @tap="open_details(val.id)">
											<h4>{{val.title}}</h4>
											<p class="time">{{val.updatetime}}</p>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</transition>

					<transition name="questionfade" mode="out-in">
						<div v-show="tabIndex == 4">
							<div class="news_box newsMargin bdn">
								<div class="news_nr">
									<ul class="mui-table-view">
										<li class="mui-table-view-cell" v-for="val in msanswer_list.settop" @tap="open_details(val.id)">
											<h4>{{val.title}}</h4>
											<p class="time"><span class="icon_top">置顶</span>{{val.updatetime}}</p>
										</li>
										<li class="mui-table-view-cell" v-for="val in msanswer_list.text" @tap="open_details(val.id)">
											<h4>{{val.title}}</h4>
											<p class="time">{{val.updatetime}}</p>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</transition>
					<p class="userUpData" v-show="upData == 1">正在加载中...</p>
				</div>
			</div>
		</div>



		<div class="popMask" @tap="yincangShaixuan"></div>
		<div class="popFilter">
			<div class="area_bt">
				<h4>区域</h4>
			</div>
			<div class="areaList h75p">
				<ul>
					<li :class="selDiqu == '1' ? 'selected' : ''">
						<a diqu-index="1" diqu-name="" @tap="select_diqu($event)">全国</a>
					</li>
					<li :class="selDiqu == '2' ? 'selected' : ''">
						<a diqu-index="2" diqu-name="中央" @tap="select_diqu($event)">中央</a>
					</li>
					<li v-for="val in city" :class="selDiqu == val.id ? 'selected' : ''">
						<a @tap="select_diqu($event)" :diqu-name="val.area_name" :diqu-index="val.id">{{val.area_name}}</a>
					</li>
				</ul>
			</div>
			<div class="fixBtn">
				<a class="comfirmBtn" @tap="quedingShaixuan">确定</a>
			</div>
		</div>
	</div>

	<script src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/h.min.js"></script>
	<script type="text/javascript" src="../../../js/public.js"></script>
	<script type="text/javascript" src="../../../js/jquery.min.js"></script>
	<script type="text/javascript" src="../../../js/tpl/lxzt_Tab.js"></script>
	<script type="text/javascript" src="../../../js/skinChange.js"></script>
	<script src="../../../js/vue.js"></script>
</body>

</html>